<div xmlns:th="http://www.thymeleaf.org">
    <p class="with_margin" th:unless="${isCloudDisk}">&bull; 保存到云盘需先登录</p>
    <p class="with_margin" th:unless="${isCloudDisk}">&bull; 暂时支持保存网易云音乐、QQ音乐歌曲或专辑到云盘</p>
    <p class="with_margin" th:unless="${isCloudDisk}">&bull; 其他音乐平台可通过链接播放或下载</p>
    <table class='table with_margin'>
        <tr>
            <th>歌 曲</th>
            <th th:unless="${isCloudDisk}">歌 手</th>
            <th>专 辑</th>
            <th>来 源</th>
            <th>链 接</th>
            <th th:unless="${isCloudDisk}">操 作</th>
        </tr>
        <tr th:each="song,itemStat:${songs}">
            <td class="song_name"><span th:text="${song.getName()}" th:title="${song.getName()}"></span></td>
            <td th:unless="${isCloudDisk}"><span th:text="${song.getFormattedArtistsString()}"></span></td>
            <td><a th:href="@{'/album/' + ${song.getMusicProvider()?.name()} + '/'+ ${song.getAlbum()?.getAlbumId()}}"
                   th:text="${song.getAlbum()?.getName()}" th:title="${song.getAlbum()?.getName()}"></a></td>
            <td><span th:text="${song.getMusicProvider()?.toString()}"></span></td>
            <td><a th:unless="${isCloudDisk}" th:href="${song.getMusicLink()?.getUrl()}" target="_blank">播放/下载</a>
                <a th:if="${isCloudDisk}"
                   th:href="@{'/disk/'+${song.getMusicProvider()?.name()}+'/'+${song.getAlbum()?.getAlbumId()}+'/'+${song.getSongId()}}"
                   target="_blank">点击下载</a></td>
            <td th:unless="${isCloudDisk}">
                <a th:href="@{'/cloud/download/'+${song.getMusicProvider()?.name()}+'/'+${song.getAlbum()?.getAlbumId()}+'/'+${song.getSongId()}}"
                   target="_blank">保存到云盘</a></td>
        </tr>
    </table>
</div>